<!doctype html>
<html>
<head>

  <title>annotations</title>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <script src="../../../webcomponentsjs/webcomponents-lite.js"></script>
  <script>//Polymer = {dom: 'shadow'}</script>
  <link rel="import" href="../../polymer.html">

</head>
<body>


<script>
  var ul = document.createElement("ul");
  for (i=0; i < 1000; i++) {
    var li = document.createElement("li");
    ul.appendChild(li);
  }

  var start = window.performance.now();
  var e = ul.firstElementChild;
  for (i=0; i <999; i++) 
    e = e.nextSibling;

  console.log(e);
  console.log("Native performance: "+(window.performance.now()-start)+"ms");

  var start = window.performance.now();
  var e = ul.firstElementChild;
  for (i=0; i <999; i++) 
    e = Polymer.dom(e).nextSibling;

  console.log(e);
  console.log("Polymer performance: "+(window.performance.now()-start)+"ms");
</script>
</body>
</html>
